<%-- 
    Document   : nuevo
    Created on : 05/10/2010, 06:05:38 PM
    Author     : WILLIAM
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<script language="javascript" src="../js/funciones.js"></script>
<script language="javascript" src="../js/scripts.js"></script>
<link href="/sistemas/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
    <h:form id="form">
<table width="100%" border="0">
  <tr>
    <td height="26" align="left" class="texto3">
    <h:outputLabel value="Nuevo Requerimiento" styleClass="texto3" /></td>
  </tr>
  <tr><td height="20">
    <a4j:outputPanel ajaxRendered="true">
    <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
    </a4j:outputPanel>
      </td>
  </tr>
  <tr><td align="center">
  <fieldset><legend>Datos del Solicitante</legend>
  <table width="763" border="0" cellpadding="0" cellspacing="0">
  <tr>
      <td width="110" height="25" align="left" valign="middle"><h:outputLabel value="Área: " styleClass="texto22" /></td>
      <td width="403" height="25" align="left" valign="middle">
          <h:panelGroup>
        <h:inputText id="txtarea" value="#{requerimientoController.requerimiento.reqArea}" size="60" maxlength="180" styleClass="fondo012"/>
        <r:suggestionbox width="600" height="100" for="txtarea" fetchValue="#{item.area.areNombre}"
                         suggestionAction="#{requerimientoController.autocompletarArea}"
                            var="item" minChars="1" nothingLabel="No existe Area">
            <h:column>
                <h:outputText value="#{item.area.areNombre}" />
            </h:column>
            <a4j:support ajaxSingle="true" reRender="panelS" event="onselect" action="#{requerimientoController.agregarArea}">
                <f:setPropertyActionListener value="#{item}" target="#{requerimientoController.areaDestino}" />
            </a4j:support>
        </r:suggestionbox>
</h:panelGroup>
          <%--h:selectOneMenu value="#{requerimientoController.requerimiento.reqArea}" styleClass="fondo012">
              <f:selectItem itemValue="" itemLabel="-------------Seleccionar------------" />
              <f:selectItems value="#{areaController.selectListaAreas}" />
          </h:selectOneMenu--%></td>
    <td width="110" height="25"></td>
    <td width="140" height="25"></td>
  </tr>
  <tr>
    <td height="25" align="left" valign="middle"><h:outputLabel value="Solicitante: " styleClass="texto22" /></td>
    <td height="20" align="left" valign="middle">      
    <%-- suggestion box de cristian --%>
    <h:panelGroup>
        <h:inputText id="txtDestinatario" value="#{requerimientoController.requerimiento.reqSolicitante}" size="60" maxlength="180" styleClass="fondo012"/>
        <r:suggestionbox width="600" height="100" for="txtDestinatario" fetchValue="#{item.nombre}"
                         suggestionAction="#{requerimientoController.autocompletarDestinatarios}"
                            var="item" minChars="1" nothingLabel="No existe Destinatarios">
            <h:column>
                <h:outputText value="#{item.nombre}" />
            </h:column>
            <a4j:support ajaxSingle="true" reRender="panelS" event="onselect" action="#{requerimientoController.agregarDestin}">
                <f:setPropertyActionListener value="#{item}" target="#{requerimientoController.destinatario}" />
            </a4j:support>
        </r:suggestionbox>
</h:panelGroup>
    </td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="25" align="left" valign="middle"><h:outputLabel value="Motivo: " styleClass="texto22" /></td>
    <td height="20" align="left" valign="middle"><h:inputText value="#{requerimientoController.requerimiento.reqUso}" size="40" styleClass="fondo012" /></td>
    <td></td>
    <td></td>
  </tr>
  <h:panelGroup rendered="#{requerimientoController.activar==false}">
  <tr>
    <td height="35" colspan="4">
        <h:commandButton action="#{requerimientoController.registrarsolicitud}" value="Registrar" styleClass="enlace9" />
        <h:outputLabel value=" " />
        <h:commandButton action="#{requerimientoController.cancelar}" value="Cancelar" styleClass="enlace9" />
    </td>
    </tr>
  </h:panelGroup>
  </table>
  </fieldset>
     </td>
  </tr>
  <h:panelGroup rendered="#{requerimientoController.activar==true}">
   <tr><td align="center">
  <fieldset><legend>Requerimientos</legend>
  <table width="926" border="0" cellpadding="0" cellspacing="0">
  <tr> <td width="82"></td>
    <td width="110" height="25" align="left" valign="middle"><h:outputLabel value="Prioridad: " styleClass="texto22" /></td>
    <td width="734" height="25" colspan="3" align="left" valign="middle">
        <h:selectOneRadio value="#{requerimientoController.detalleRequerimiento.detPrioridad}" styleClass="texto20" >
            <f:selectItem itemValue="Muy Urgente" itemLabel="Muy Urgente" />  
            <f:selectItem itemValue="Urgente" itemLabel="Urgente" />
            <f:selectItem itemValue="Normal" itemLabel="Normal" />            
        </h:selectOneRadio></td>
    </tr>
    <tr><td width="82"></td>
    <td width="110" height="25" align="left" valign="middle"><h:outputLabel value="Documento: " styleClass="texto22" /></td>
    <td height="25" colspan="3" align="left" valign="middle">
        <h:inputText value="#{requerimientoController.detalleRequerimiento.detDocumento}" size="60" styleClass="fondo012" /></td>
    </tr>
   <tr><td width="82"></td>
    <td width="110" height="25" align="left" valign="middle"><h:outputLabel value="Requerimiento: " styleClass="texto22" /></td>
    <td height="25" colspan="3" align="left" valign="middle">
        <h:inputText value="#{requerimientoController.detalleRequerimiento.detDescripcion}" size="60" styleClass="fondo012" /></td>
    </tr>
  <tr><td width="82"></td>
    <td height="25" align="left" valign="middle"><h:outputLabel value="Descripción: " styleClass="texto22" /></td>
    <td height="25" colspan="3" align="left" valign="middle">
        <h:inputTextarea value="#{requerimientoController.detalleRequerimiento.detObservacion}" rows="4" cols="60" styleClass="fondo012" /></td>
    </tr>
    <tr><td width="82"></td>
    <td height="25" align="left" valign="middle">
      <h:outputLabel value="Fecha Evento: " styleClass="texto22" /></td>
    <td height="25" colspan="3" align="left" valign="middle">
    <h:selectBooleanCheckbox value="#{requerimientoController.detalleRequerimiento.detEsevento}" />
    <r:calendar value="#{requerimientoController.detalleRequerimiento.detFechaEvento}" datePattern="dd/MM/yyyy" cellWidth="15"
                    styleClass="fondo012" inputClass="cajaCentrada" /></td>
    </tr>
  <tr><td width="100"></td>
    <td height="35" colspan="4">
        <h:commandButton action="#{requerimientoController.registraDetalle}" value="Agregar" styleClass="enlace9" />
        <h:outputLabel value=" " />
        <h:commandButton action="#{requerimientoController.cancelar}" value="Terminar" styleClass="enlace9" /></td>
    </tr>
    <tr><td colspan="5" align="left">
            <h:outputLabel value="#{requerimientoController.cantidadDetalle}" styleClass="texto20" />
        </td></tr>
    <tr><td colspan="5" align="center">
    <r:dataTable rendered="#{requerimientoController.listaDetalleRequerimiento!=null}" value="#{requerimientoController.listaDetalleRequerimiento}" var="detalle" rows="10" rowClasses="TableImpar,TablePar"
        reRender="dt" id="TableDetalle" border="0" headerClass="texto18">
       <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Prioridad" /></f:facet>
            <h:outputLabel value="#{detalle.detPrioridad}" styleClass="texto20" />
        </r:column>
        <r:column width="25%">
         <f:facet name="header"><h:outputLabel value="Requerimiento" /></f:facet>
            <h:outputLabel value="#{detalle.detDescripcion}" styleClass="texto20" />
        </r:column>
        <r:column width="20%">
            <f:facet name="header"><h:outputLabel value="Detalle" /></f:facet>
            <h:outputLabel value="#{detalle.detObservacion}" styleClass="texto20" />
        </r:column>
       <r:column width="20%">
            <f:facet name="header"><h:outputLabel value="Documento" /></f:facet>
            <h:outputLabel value="#{detalle.detDocumento}" styleClass="texto20" />
        </r:column>
        <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Estado" /></f:facet>
            <h:outputLabel value="#{detalle.detEstadoActual}" styleClass="texto20" />
        </r:column>
       <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Fecha Evento" /></f:facet>
            <h:outputLabel rendered="#{detalle.detEsevento==true}" value="#{detalle.detFechaEvento}" styleClass="texto20" />
            <h:outputLabel rendered="#{detalle.detEsevento==false}" value="----------" styleClass="texto20" />
        </r:column>
        <r:column width="5%">
            <f:facet name="header"></f:facet>&nbsp;&nbsp;
            <h:commandButton action="#{requerimientoController.remover}" image="/image/eliminar.png" title="remover">
                <f:setPropertyActionListener target="#{requerimientoController.detalleRequerimiento}" value="#{detalle}"/>
            </h:commandButton>
        </r:column>
        <f:facet name="footer">
          <r:datascroller id="dt" renderIfSinglePage="false"></r:datascroller>
        </f:facet>
    </r:dataTable>
        </td>
    </tr>
  </table>
  </fieldset>
    </td>
  </tr>
  </h:panelGroup>
</table>
</h:form>
</f:view>
